<template>
  <div>
     
    <my-head title="商品详情" :go="true" :ri="false"></my-head> 
  <div class="kuang"></div>
<div class="header">
<div class="top">
<img src="@/assets/yongpin_07.png" alt="">
<p>苹果7 128g</p>
<p style="color:#ff9d46">积分：309400</p>
<p  style="text-decoration:line-through;color:#b4b4b4">价格：6188</p>
</div>
<p style="color:#b4b4b4;margin-left:0.15rem">可以积分：7  <span style="float:right;margin-right:0.15rem">剩余：1（每人限购1个）</span></p>
</div>
  <div class="kuang"></div>
  <p style="color:#b4b4b4;margin-left:0.15rem;margin-right:0.15rem;margin-top:0.2rem">
  服务: 本商品由上海赢巷金融信息服务有限公司提供销售配
送和售后服务

  </p>
    <p style="color:#b4b4b4;margin-left:0.15rem;margin-right:0.15rem;margin-top:0.1rem">
 
配送: 仅限大陆地区免运费

  </p>
      <p style="color:#b4b4b4;margin-left:0.15rem;margin-right:0.15rem;margin-top:0.1rem;margin-bottom:0.2rem">
 
保障: 本商品由上海赢巷金融信息服务有限公司提供销售配
送和售后服务

  </p>
  <div class="kuang"></div>
  <div class="duihuan">
<span>兑换纪录</span><span id="span2"><img src="@/assets/箭头.png" alt=""></span>
  </div>
    <div class="kuang"></div>
    <div class="xiangqing">
   <div class="text">
      <span>商品详情</span>  
   </div>
   <img src="@/assets/bbb.png" alt="">
    </div>
     <div class="kuang"></div>
        <img src="@/assets/ccc_06.png"  class="img" alt="">
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
components:{
    myHead:Head
  },
}
</script>

<style  scoped lang="less">
.img{
  width: 100%;
  display: block
}
.xiangqing{
  width: 100%;
  
  img{
    width: 80%;
margin-left: 11%;
margin-bottom: 0.3rem
  }
}

.text{
  width: 100%;
  height: 0.52rem;
  border-bottom: 0.01rem solid #eeeeee;
  line-height: 0.52rem;


  span{
      margin-left:0.15rem;
  }
}

.duihuan{
width: 100%;
height: 0.53rem;
line-height: 0.53rem;
margin-left:0.15rem;


  img{
    width: 0.12rem;


  }

}

.kuang{
  width: 100%;
  height: 0.09rem;    
  background: #eeeeee                                          
}
#span2{
  float: right;
  margin-right: 8%;
}
.header{
width: 100%;
height: 0.97rem;
// background: rebeccapurple;
.top{
  width: 100%;
  height: 0.65rem;
  border-bottom: 0.01rem solid #eeeeee;
  img{
    width: 0.55rem;
    margin:0rem  0.1rem;
    float: left;
  }
}
font-size: 0.14rem;
p{
margin-top: 0.08rem
}
}
</style>
